@charset 'utf-8';

@import "common/base";

header {
    @include wh($full,75px);
    line-height: 75px;

    .header-logo {
        @include wh(half(124px),half(124px));
        float: left;
        margin-top: 8px;
        margin-left: 10px;
        img {
            @include wh($full,$full);
        }
    }

    .header-position {
        @include wh(half(158px),half(54px));
        border: 1px solid #FF9344;
        text-align: center;
        line-height: 27px;
        float: right;
        margin-right: half(22px);
        margin-top: half(48px);
        background: url("../img/index-searchico.png") no-repeat right half(12px) center;
        background-size: 15px 8px;
        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            border: none;
            outline: none;
            @include wh($full,$full);
            background: transparent;
            font-size: half(25px);
            padding: 0 0 0 half(14px);
            line-height: 27px;
            vertical-align: top;
        }
    }

}

section {
    top: 75px;

    .section-banner {
        @include wh($full,r(285));
        margin-bottom: r(10);
        .swiper-container {
            width: $full;
            .swiper-slide {
                @include wh($full,r(285));
                img {
                    @include wh($full,$full);
                }
            }
            .swiper-pagination {
                margin-top: r(185);
                color: #c5c4c5;
            }
        }
    }

    .section-item {
        @include wh(r(584),r(220));
        margin: r(20) auto r(30);

        .discount-item {
            @include wh(r(238),r(93));
            margin-bottom: r(30);
            &:nth-child(2n) {
                margin-left: r(103);
            }
            img {
                width: $full;
            }
        }
    }

    .section-love {
        width: $full;
        margin-top: r(10);
        .love-item-box {
            width: r(715);
            margin: 0 auto;
            .love-item {
                width: $full;
//              margin-left: r(21);
                margin-bottom: r(31);
                .love-item-img {
                    @include wh(r(211),r(163));
                    img {
                        @include wh($full,$full);
                    }
                }

                .love-item-info {
                    margin-left: r(19);
                    @include wh(r(477),r(163));
                    .item-info1 {
                        p {
                            font-size: r(32);
                            line-height: r(49);
                            color: #000;
                        }
                        span {
                            font-size: r(17);
                            line-height: r(49);
                            color: #494949;
                        }
                    }
                    .item-info2 {
                        font-size: r(24);
                        line-height: r(45);
                        color: #858585;
                    }

                    .item-info3 {
                        p {
                            font-size: r(25);
                            line-height: r(41);
                            color: #FF9344;
                        }
                        span {
                            font-size: r(22);
                            line-height: r(41);
                            color: #858585;
                        }
                    }
                }
            }
        }
    }
}
